body {
  margin: 0;
  padding: 0; }
  body > .container {
    width: auto;
    padding: 10px 160px;
    margin: 0 auto;
    min-width: 300px;
    min-height: 400px;
    height: 1600px;
    overflow: hidden; }
    @media (max-width: 760px) {
      body > .container {
        height: auto; } }
    @media (max-width: 760px) {
      body > .container {
        padding: 10px 10px; } }
    body > .container > .main {
      float: left;
      height: 100%;
      width: 100%; }
      body > .container > .main > header {
        border: 1px solid transparent;
        border-radius: 8px;
        background-color: #eee;
        padding: 0 20px 20px 20px; }
        @media (max-width: 760px) {
          body > .container > .main > header {
            padding-bottom: 0; } }
        @media (max-width: 760px) {
          body > .container > .main > header > hgroup > h2 {
            display: none; } }
        @media (max-width: 760px) {
          body > .container > .main > header > p {
            display: none; } }
      body > .container > .main > nav {
        border-radius: 8px;
        background: linear-gradient(#000, #fff);
        height: 45px; }
        @media (max-width: 760px) {
          body > .container > .main > nav {
            height: auto;
            background: linear-gradient(#000, #cdd); } }
        body > .container > .main > nav ul {
          list-style: none; }
        body > .container > .main > nav a {
          text-decoration: none;
          color: #fff; }
        body > .container > .main > nav > .menu-button {
          display: none; }
          @media (max-width: 760px) {
            body > .container > .main > nav > .menu-button {
              display: block;
              margin-left: 20px;
              line-height: 45px;
              color: #fff;
              height: 45px; }
              body > .container > .main > nav > .menu-button:hover {
                font-size: 1.1em; } }
        body > .container > .main > nav > ul {
          margin: 0;
          padding: 0; }
          @media (max-width: 760px) {
            body > .container > .main > nav > ul {
              display: none; } }
          body > .container > .main > nav > ul > li {
            display: inline-block;
            margin-right: 20px; }
            @media (max-width: 760px) {
              body > .container > .main > nav > ul > li {
                display: block; } }
            body > .container > .main > nav > ul > li:hover {
              font-size: 1.1em; }
            body > .container > .main > nav > ul > li:nth-child(1) {
              margin-left: 40px; }
            body > .container > .main > nav > ul > li:nth-child(3) {
              position: relative; }
              body > .container > .main > nav > ul > li:nth-child(3) > ul {
                width: 75px;
                margin: 0;
                padding: 0;
                display: none;
                background: linear-gradient(#000, #ddd);
                border-radius: 0 0 4px 4px;
                position: absolute;
                margin-top: -5px; }
                body > .container > .main > nav > ul > li:nth-child(3) > ul > li {
                  padding: 0 10px; }
                  body > .container > .main > nav > ul > li:nth-child(3) > ul > li > a {
                    font-size: 11.5pt; }
                    body > .container > .main > nav > ul > li:nth-child(3) > ul > li > a:hover {
                      font-size: 12.5pt; }
                  body > .container > .main > nav > ul > li:nth-child(3) > ul > li:nth-child(1) {
                    position: relative; }
                    body > .container > .main > nav > ul > li:nth-child(3) > ul > li:nth-child(1) > ul {
                      margin: 0;
                      padding: 0;
                      width: 60px;
                      position: absolute;
                      display: none;
                      top: 0px;
                      right: -70px;
                      padding: 5px;
                      background: linear-gradient(#000, #ddd);
                      border-radius: 0 0 4px 4px; }
                      body > .container > .main > nav > ul > li:nth-child(3) > ul > li:nth-child(1) > ul > li {
                        font-size: 11.5pt; }
                        body > .container > .main > nav > ul > li:nth-child(3) > ul > li:nth-child(1) > ul > li:hover {
                          font-size: 12.5pt; }
                    body > .container > .main > nav > ul > li:nth-child(3) > ul > li:nth-child(1):hover > ul {
                      display: block; }
              body > .container > .main > nav > ul > li:nth-child(3):hover > ul {
                display: block; }
                @media (max-width: 760px) {
                  body > .container > .main > nav > ul > li:nth-child(3):hover > ul {
                    display: none; } }
            body > .container > .main > nav > ul > li > a {
              line-height: 45px; }
        body > .container > .main > nav > ul.expanded {
          display: block; }
          body > .container > .main > nav > ul.expanded > li {
            margin-left: 40px; }
      body > .container > .main > .product-list {
        margin-top: -5px;
        padding-left: 20px;
        background-color: #dddddd;
        border-radius: 8px; }
        body > .container > .main > .product-list > h2 {
          margin-top: 0px;
          padding: 20px 0 15px 0; }
        body > .container > .main > .product-list > .product {
          display: inline-block;
          margin-right: 15px;
          margin-bottom: 15px;
          width: 180px;
          height: 220px;
          text-align: center;
          border: 1px solid #aaa; }
          body > .container > .main > .product-list > .product > p {
            margin: 0;
            padding: 0;
            margin: 2px 0;
            font-size: 10pt;
            font-family: Arial, Helvetica, sans-serif; }
            body > .container > .main > .product-list > .product > p:nth-child(1) {
              font-size: 13.8pt;
              font-weight: bold;
              margin: 5px 0; }
          body > .container > .main > .product-list > .product > img {
            width: 140px;
            height: 160px; }
      body > .container > .main > footer {
        margin-top: 5px;
        background-color: #eee;
        border-radius: 8px; }
        body > .container > .main > footer > nav {
          text-align: center; }
          body > .container > .main > footer > nav > a {
            text-decoration: none;
            margin-right: 60px;
            line-height: 70px;
            font-size: 18pt;
            color: #111; }
            @media (max-width: 760px) {
              body > .container > .main > footer > nav > a {
                display: block; } }
    body > .container > .left {
      float: left;
      height: 100%;
      border: 1px solid transparent;
      border-radius: 8px;
      width: 150px;
      background-color: #f7f7f7;
      margin-left: -100%;
      position: relative;
      left: -160px; }
      @media (max-width: 760px) {
        body > .container > .left {
          display: none; } }
    body > .container > .right {
      float: left;
      height: 100%;
      border-radius: 8px;
      width: 150px;
      background-color: #f7f7f7;
      margin-left: -150px;
      position: relative;
      right: -160px; }
      body > .container > .right > .rightf_box {
        position: fixed;
        top: 50%; }
      @media (max-width: 760px) {
        body > .container > .right {
          display: none; } }
